.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.imgclaseGrande {
    width: 100%;
}
.contenido{
    margin-top: 2.5%;
}
.DocumentList
{
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    padding: 0 15px;
    white-space: nowrap;
    position: relative;
}
body{
    overflow-x: scroll;
    width: 100%;
}
.tg{
    table-layout: fixed;
    width: 100%;
}
.imgicono{
    width: 25px;
    height: auto;
}

tr{
    width: auto;
}

.DocumentItem
{
    text-align: center;
    border:1px solid black;
    padding:0;
    height:50px;
    width: 170px;
}

.DocumentItemB
{
    text-align: center;
    border:1px solid black;
    padding:0;
    height:50px;
    width: 120px;
}

.DocumentItemC
{
    text-align: center;
    border:1px solid black;
    padding:0;
    height:30px;
    width: 170px;
}

.DocumentItemD
{
    text-align: center;
    border:1px solid black;
    padding:0;
    height:30px;
    width: 120px;
}

.DocumentItemE
{
    text-align: center;
    border:1px solid black;
    padding:0;
    height:30px;
    width: 170px;
}
.DocumentItemE2
{
    text-align: center;
    border:1px solid black;
    padding:0;
    height:30px;
    width: 120px;
}


.tipo 
{
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
}
.tipo2
{
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.tiporol 
{
    border-color: #a8a8a8;
    background-color: #e0e0e0;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.tipoplayer
{
    border-top-width: 0px;
    border-left-width: 0px;
}
.tipoplayer2
{
    border-bottom-width: 0px;
    border-left-width: 0px;
}

.tipoplayer3
{
    border-top-width: 0px;
    border-right-width: 0px;
}

.tipoplayer4
{
    border-bottom-width: 0px;
    border-right-width: 0px;
}
.Monje
{
    background-color: #343434;
    color: #30ff6f;
    font-weight: bold;
}

.Warrior 
{
    background-color: #343434;
    color: #96530e;
    font-weight: bold;
}

.Warlock
{
    background-color: #343434;
    color: #9d77ff;
    font-weight: bold;
}

.Druida 
{
    background-color: #343434;
    color: #ff8100;
    font-weight: bold;
}

.Hunter
{
    background-color: #343434;
    color: #38761d;
    font-weight: bold;
}

.Paladin
{
    background-color: #343434;
    color: #ff82e4;
    font-weight: bold;
}

.Chaman 
{
    background-color: #343434;
    color: #156aff;
    font-weight: bold;
}

.DK 
{
    background-color: #343434;
    color: #cc0000;
    font-weight: bold;
}

.Rogue 
{
    background-color: #343434;
    color: #ffff00;
    font-weight: bold;
}

.Mago
{
    background-color: #343434;
    color: #9fc5e8;
    font-weight: bold;
}

.Priest 
{
    background-color: #343434;
    color: #FFF;
    font-weight: bold;
}